<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Home</title>
<link href="bootstrapusers/css/bootstrap.css" rel="stylesheet"
	type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="bootstrapusers/js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="bootstrapusers/css/style.css" rel="stylesheet"
	type="text/css" media="all" />
<link href="bootstrapusers/css/style1.css" rel="stylesheet"
	type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript">
	
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		
</script>
<!--Google Fonts-->
<link href='http://fonts.googleapis.com/css?family=Hind:400,300'
	rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Aladin'
	rel='stylesheet' type='text/css'>

<!--google fonts-->
<!-- animated-css -->
<link href="bootstrapusers/css/animate.css" rel="stylesheet"
	type="text/css" media="all">
<link href="bootstrapusers/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrapusers/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css" />
<!-- Custom styles for this template -->
<link href="bootstrapusers/css/style2.css" rel="stylesheet">
<link href="bootstrapusers/fonts/antonio-exotic/stylesheet.css"
	rel="stylesheet">
<link rel="stylesheet" href="bootstrapusers/css/lightbox.min.css">
<link href="bootstrapusers/css/responsive.css" rel="stylesheet">
<script src="bootstrapusers/js/jquery.min.js" type="text/javascript"></script>
<!-- <script src="js/bootstrap.min.js" type="text/javascript"></script>-->
<script src="bootstrapusers/js/lightbox-plus-jquery.min.js"
	type="text/javascript"></script>
<script src="bootstrapusers/js/instafeed.min.js" type="text/javascript"></script>
<script src="bootstrapusers/js/custom.js" type="text/javascript"></script>
<script src="bootstrapusers/js/wow.min.js"></script>
<script>
	new WOW().init();
</script>
<!-- animated-css -->
<script src="bootstrapusers/js/modernizr.js"></script>
<script>
	$(document).ready(function() {
		if (Modernizr.touch) {
			// show the close overlay button
			$(".close-overlay").removeClass("hidden");
			// handle the adding of hover class when clicked
			$(".branch-gd").click(function(e) {
				if (!$(this).hasClass("hover")) {
					$(this).addClass("hover");
				}
			});
			// handle the closing of the overlay
			$(".close-overlay").click(function(e) {
				e.preventDefault();
				e.stopPropagation();
				if ($(this).closest(".branch-gd").hasClass("hover")) {
					$(this).closest(".branch-gd").removeClass("hover");
				}
			});
		} else {
			// handle the mouseenter functionality
			$(".branch-gd").mouseenter(function() {
				$(this).addClass("hover");
			})
			// handle the mouseleave functionality
			.mouseleave(function() {
				$(this).removeClass("hover");
			});
		}
	});
</script>
<script src="bootstrapusers/js/bootstrap.min.js"></script>

</head>

<body>
    <%
        if (application.getAttribute("count") == null) {
            application.setAttribute("count", new Integer(0));
        }
        Integer count = (Integer) application.getAttribute("count");
        application
                .setAttribute("count", new Integer(count.intValue() + 1));
        count = (Integer) application.getAttribute("count");
    %>


	<!--header-top start here-->
	<!--header-top end here-->
	<!--header start here-->
	<!-- NAVBAR
		================================================== -->
	<%@ include file="header.jsp"%>
	<!--header end here-->
	<!--banner  start hwew-->
	<div class="banner">
		<div class="container"></div>
	</div>
	<!--BANNER END HERE-->
	<!--information start here-->
	<div class="information">
		<div class="container">
			<div class="information-main">
				<div class="information-grid five-star wow slideInLeft"
					data-wow-delay="0.3s">
					<div class="col-md-4 hotel-info">
						<div class="info-left">
							<img src="bootstrapusers/images/s1.png" alt="">
						</div>
						<div class="info-right">
							<h4>星级酒店</h4>
							<p>创立多年，依靠着经典尊贵的气质，高雅风采恒久隽永，融合了东西方待客之道的精髓。</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-4 hotel-info">
						<div class="info-left">
							<img src="bootstrapusers/images/s2.png" alt="">
						</div>
						<div class="info-right">
							<h4>特色</h4>
							<p>豪轿之旅、优越的地理位置、中西合璧，带给客人不同凡响的美食、水疗，完美诠释这两种文化的精髓。</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-4 hotel-info">
						<div class="info-left">
							<img src="bootstrapusers/images/s4.png" alt="">
						</div>
						<div class="info-right">
							<h4>安全</h4>
							<p>电子卡门锁、客户贵重物品保险箱、自备发电系统，保证在不影响用户的情况下解决一切突发事故，消除您的安全顾虑。</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="information-grid wow slideInRight" data-wow-delay="0.3s">
					<div class="col-md-4 hotel-info">
						<div class="info-left">
							<img src="bootstrapusers/images/s3.png" alt="">
						</div>
						<div class="info-right">
							<h4>餐饮</h4>
							<p>餐厅设计装潢以中式庭园为灵感，主厨朱利安Julien Cadiou创意呈现融合亚洲美食灵感的法式珍馐。</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-4 hotel-info">
						<div class="info-left">
							<img src="bootstrapusers/images/s5.png" alt="">
						</div>
						<div class="info-right">
							<h4>套间</h4>
							<p>酒店拥有60间令人惊艳的全新套房，套房面积由60平方米起，宽敞舒适，并糅合传统与现代中国艺术的元素，是全套房式酒店。</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-md-4 hotel-info">
						<div class="info-left">
							<img src="bootstrapusers/images/s6.png" alt="">
						</div>
						<div class="info-right">
							<h4>送餐服务</h4>
							<p>只需轻按按钮，您的房间就可以摇身一变，在忙碌一天之后成为精致的私人殿堂。再从各式各样的美食中挑选您的所爱。</p>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--information end here-->
	<!--leaves start here-->
	<!--leaves end here-->
	<!--branches start here-->
	<div class="branches">
		<div class="branches-main wow zoomIn" data-wow-delay="0.3s">
			<div class="branches-top">
				<h3>我们的酒店</h3>
			</div>
			<!----resort-overview--->
			<section class="resort-overview-block">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-12 col-xs-12 remove-padd-right">
						<div class="side-A">
							<div class="product-thumb">
								<div class="image">
									<a><img src="bootstrapusers/images/category1.png"
										class="img-responsive" alt="image"></a>
								</div>
							</div>
						</div>
						<div class="side-B">
							<div class="product-desc-side">
								<h3>
									<a>豪华水疗(SPA)</a>
								</h3>
								<p>水疗中心提供的护理服务独具特色，服务一流，糅合东方、古印度和欧洲的传统养生哲学思想，打造出极致水疗体验，尽显东西方的养生精髓。</p>
								<div class="links">
									<!-- <a href="#">了解更多→</a> -->
								</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>
					<div class="col-md-6 col-sm-12 col-xs-12 remove-padd-left">
						<div class="side-A">
							<div class="product-thumb">
								<div class="image">
									<a><img alt="image" class="img-responsive"
										src="bootstrapusers/images/category2.png"></a>
								</div>
							</div>
						</div>
						<div class="side-B">
							<div class="product-desc-side">
								<h3>
									<a>美味餐饮</a>
								</h3>
								<p>主厨朱利安来自法国，曾在巴黎多家米其林星级餐厅工作，身居在“主厨餐桌”中，能容纳六至八位宾客同时用餐，宾客可以品尝由厨师团队精心打造的美味食物。</p>
								<div class="links">
								<!-- 	<a href="#">了解更多→</a> -->
								</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>
					<div class="col-md-6 col-sm-12 col-xs-12 remove-padd-right">
						<div class="side-A">
							<div class="product-desc-side">
								<h3>
									<a>健身中心</a>
								</h3>
								<p>健身中心设备齐全，配有各种心肺功能和体能健身器材。每台健身机上都装有个人电视机，让您在锻炼之余也能观看节目，掌握最新资讯。
									您可跟着自己的健身计划锻炼，或是咨询健身中心的私人教练，让专业人士帮您实现最佳锻炼效果。</p>
								<div class="links">
									<!-- <a href="#">了解更多→</a> -->
								</div>
							</div>
						</div>

						<div class="side-B">
							<div class="product-thumb">
								<div class="image txt-rgt">
									<a class="arrow-left"><img
										src="bootstrapusers/images/category3.png"
										class="img-responsive" alt="imaga"></a>
								</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>
					<div class="col-md-6 col-sm-12 col-xs-12 remove-padd-left">
						<div class="side-A">
							<div class="product-desc-side">
								<h3>
									<a>豪华泳池</a>
								</h3>
								<p>室内游泳池水质清澈透明，典雅高贵。游泳池全年恒温28度，舒适度极佳。您可在长达18米的泳道内畅游，感受速度与激情，找回青春活力。
									游泳池周边设有豪华躺椅，您可以闭目小憩，感受静谧氛围。</p>
								<div class="links">
									<!-- <a href="#">了解更多→</a> -->
								</div>
							</div>
						</div>

						<div class="side-B">
							<div class="product-thumb txt-rgt">
								<div class="image">
									<a class="arrow-left"><img
										src="bootstrapusers/images/category4.png"
										class="img-responsive" alt="imaga"></a>
								</div>
							</div>
						</div>
					</div>
					<div class="clearfix"></div>

				</div>
			</div>
			</section>
		</div>
		<div class="clearfix"></div>
	</div>
	</div>
	<!--branches end here-->
	<div class="branch-text">
		<div class="container">
			<span class="quotations"> </span>
			<p>本酒店是集餐饮、旅业、会议、休闲娱乐为一体的综合型商务酒店，酒店功能完善，设有包括总统套房、豪华商务套房等各色客房62间、露天泳池、健身中心，可为宾客提供各式全新五星水准的酒店住宿、餐饮、宴会、会议、康体和娱乐一体化的服务。另外酒店聘请香港知名酒店管理专家为您精心定制各项服务，一流的管理、一流的团队、一流的服务、一流的配套一定将是您精彩人生的最佳驿站。</p>
		</div>
	</div>
	<!--swiming-->
	<div class="swimming">
		<div class="container">
			<div class="swimming-main wow zoomIn" data-wow-delay="0.3s">
				<div class="swimming-top">
					<h3>欢迎</h3>
				</div>
				<div class="swimmimg-bot">
					<div class="col-md-3 swimming-grid">
						<h4>758</h4>
						<span class="swim-icon-1"> </span>
						<h5>世界分店</h5>
					</div>
					<div class="col-md-3 swimming-grid">
						<h4>4,790</h4>
						<span class="swim-icon-2"> </span>
						<h5>刷新纪录</h5>
					</div>
					<div class="col-md-3 swimming-grid">
						<h4>7,920</h4>
						<span class="swim-icon-3"> </span>
						<h5>获得奖项</h5>
					</div>
					<div class="col-md-3 swimming-grid">
						<h4>190</h4>
						<span class="swim-icon-4"> </span>
						<h5>航空直达</h5>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<!--swimmg emd here-->
	<!--homegrids start here-->
	<div class="home-block">
		<div class="container">
			<div class="home-main">
				<div class="home-top">
					<h3>精选推荐</h3>
				</div>
				<div class="home-bottom  wow bounceInLeft" data-wow-delay="0.3s">
					<div class="col-md-4 home-grid">
						<div class="item item-type-move">
							<a class="item-hover" href="room">
								<div class="item-info">
									<div class="headline">
										Our Rooms
										<div class="line"></div>
									</div>
									<div class="date" style="font-size: 17px;">豪华套房</div>
								</div>
								<div class="mask"></div>
							</a>
							<div class="item-img">
								<img src="bootstrapusers/images/1.jpg" class="img-responsive"
									alt="">
							</div>
						</div>

					</div>
					<div class="col-md-4 home-grid">
						<div class="item item-type-move">
							<a class="item-hover" href="room">
								<div class="item-info">
									<div class="headline">
										Our Rooms
										<div class="line"></div>
									</div>
									<div class="date" style="font-size: 17px;">海景套房</div>
								</div>
								<div class="mask"></div>
							</a>
							<div class="item-img">
								<img src="bootstrapusers/images/2.jpg" class="img-responsive"
									alt="">
							</div>
						</div>
					</div>
					<div class="col-md-4 home-grid">
						<div class="item item-type-move">
							<a class="item-hover" href="room">
								<div class="item-info">
									<div class="headline">
										Our Rooms
										<div class="line"></div>
									</div>
									<div class="date" style="font-size: 17px;">尊贵套房</div>
								</div>
								<div class="mask"></div>
							</a>
							<div class="item-img">
								<img src="bootstrapusers/images/3.jpg" class="img-responsive"
									alt="">
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>

	<!--home grid end here-->
	<!--footer start here-->
	<%@include file="footer.jsp"%>

</body>

</html>